<!--
  Generated template for the PhonepathinfoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
    <ion-navbar>
        <ion-title style="text-align:center">{{'phone-path-deatils' | translate}}</ion-title>
    </ion-navbar>
</ion-header>

<ion-content no-bounce>
    <ion-grid>

        <ion-row *ngFor="let item of phonepathlist; let i = index" (click)="onNext(item)" class="hang" [ngClass]="{'bottom-border': i==phonepathlist.length-1}">
            <ion-col col-2 class="font-size-1">
                {{'text-name' | translate }}
            </ion-col>
            <ion-col col-10 class="font-size-1">
                {{item["payObj"]["parms"]["fullName"]}}
            </ion-col>

            <ion-col col-2 class="font-size-1">
                {{'text-identity' | translate }}
            </ion-col>
            <ion-col col-10 class="font-size-1">
                {{item["payObj"]["parms"]["identityNumber"]}}
            </ion-col>

            <ion-col col-2 class="font-size-1">
                {{'text-phone' | translate }}
            </ion-col>
            <ion-col col-10 class="font-size-1">
                {{item["payObj"]["parms"]["mobile"]}}
            </ion-col>

            <ion-col col-2 class="font-size-1">
                {{'path-status' | translate }}
            </ion-col>
            <ion-col col-10 class="font-size-1" *ngIf="item['pathStatus']===0">
                {{'path-status-no-pay' | translate }}
            </ion-col>

            <ion-col col-10 class="font-size-1" *ngIf="item['pathStatus']===1">
                {{'path-status-authing' | translate }}
            </ion-col>

            <ion-col col-10 class="font-size-1" *ngIf="item['pathStatus']===2">
                {{'path-status-authed' | translate }}
            </ion-col>

            <ion-col col-10 class="font-size-1" *ngIf="item['pathStatus']===4">
                {{'text-data-chain1' | translate }}
            </ion-col>

            <ion-col col-10 class="font-size-1" *ngIf="item['pathStatus']===5">
                {{'text-data-chain2' | translate }}
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-content>
<ion-footer>
    <button ion-button full class="button-footer" (click)="onCommit()" style="width: 100%"> {{'add-path' | translate}}</button>
</ion-footer>